<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目案例</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="./css/animate.css">
    <script src="js/wow.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header wow fadeInDown">
        <div class="header-c w">
            <div class="logo"></div>
            <div class="nav">
                <div class="nav-item">
                    <a href="index.html">首页</a>
                    <span></span>

                </div>
                <div class="nav-item">
                    <a href="case.html">项目案例</a>
                    <span class="act"></span>

                </div>
                <div class="nav-item">
                    <a href="join.html">加入我们</a>
                    <span></span>
                </div>
                <div class="nav-item">
                    <a href="contact.html">联系我们</a>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 移动端导航 -->
    <div class="header-m wow fadeInDown">
        <div class="logo"></div>
        <a href="javascript:;" class="btn">
            <span></span>
            <span></span>
            <span></span>
        </a>
    </div>
    <div class="header-m-nav">
        <div class="nav-item">
            <a href="index.html">首页</a>
        </div>
        <div class="nav-item">
            <a href="case.html">项目案例</a>
        </div>
        <div class="nav-item">
            <a href="join.html">加入我们</a>
        </div>
        <div class="nav-item">
            <a href="contact.html">联系我们</a>
        </div>
    </div>
    <!-- 项目案例 -->
    <div class="des">
        <h2 class=" wow fadeInUp">项目案例介绍</h2>
        <p class="wow fadeInUp">Effective case</p>
    </div>
    <!-- 成功案例 -->
    <div class="case clear">
        <div class="case-c w">
            <!-- 头部 -->
            <div class="case-header">
                <ul class="case-nav clear wow fadeInUp">
                    <li class="case-item active">全部</li>
                    <li class="case-item">网站</li>
                    <li class="case-item">小程序</li>
                    <li class="case-item">APP</li>
                </ul>
            </div>
            <!-- 6个动画 -->
            <ul class="swiper clear wow fadeInUp">
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/sheying.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">摄影</p>
                        <p class="b">摄影造型</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/hunsha.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">婚纱</p>
                        <p class="b">婚纱&礼服&珠宝&配饰</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/manlv.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">慢旅</p>
                        <p class="b">让美好触手可得</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/jingjie.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">境界</p>
                        <p class="b">摄影摄像行业</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/zaowu.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">造物</p>
                        <p class="b">年轻人的购物空间</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/jianshe.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">简设装饰</p>
                        <p class="b">简设&家具&办公&餐饮</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer clear" data-wow-delay="1500ms">
        <div class=" footer-t ">
            <div class="footer-b-c w ">
                <p class="l wow fadeInUp">联系我们</p>
                <p class="r wow fadeInUp">Contact Us</p>
                <ul class="clear wow fadeInUp">
                    <li class="wow fadeInUp">
                        <img src="http://www.bufantec.com/pages/tec/static/img/logo-black.png " alt=" ">
                        <p>郑州不凡科技有限公司</p>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay="0.3s">
                        <p>地址：郑东新区绿地新都会6号楼1210</p>
                        <p>电话：0371-55602883</p>
                        <p>手机：18838180363</p>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay="0.5s">
                        <p>路线：地铁1号线 东风南路站C口出向北步行300米(近郑州东站)</p>
                        <p>郵编：450000</p>
                        <p>邮箱：bd@bufanui.com</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-b ">
            <div class="footer-t-c w ">
                <p class="wow fadeInUp">©2017不凡科技 郑州IT技术服务 豫ICP备17015347号</p>
            </div>
        </div>
    </div>
    <!-- js文件 -->
    <script src="js/common.js"></script>
    <script src="js/common1.js"></script>
    <script>
        // 启动动画
        new WOW().init();
    </script>
</body>

</html>